<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我的红包</title>
		<link rel="stylesheet" type="text/css" href="css/hongBao.css" charset="UTF-8" />
		<link rel="stylesheet" type="text/css" href="css/eleme_icons.css" charset="UTF-8" />
	</head>

	<body>
		<div class="profile-panel">
			<div class="profile-panelcontent">
				<div class="tabnavigation higher">
					<a class="tabnavigation-navitem active">可用红包</a>
					<a class="tabnavigation-navitem">历史红包</a>
					<button class="btn-primary hongbao-exchangebtn">兑换红包</button>
				</div>
				<div class="hongbao-container">
					<ul class="hongbao-list clearfix">
						<li class="hongbaoblock">
							<div class="hongbaoblock-count">
								<span class="hongbaoblock-amount">
									<span class="icon-hongbaoblock-amount"></span>
									<em>5</em><em>.0</em>
								</span>
								<p class="hongbaoblock-condition">满30元可用</p>
							</div>
							<h3 class="hongbaoblock-name">鲜果超市红包</h3>
							<div class="hongbaoblock-intro">
								<p>仅限手机客户端使用</p>
								<p class="weihao">限尾号1167&nbsp;的手机使用</p>
								<p class="riqi">2017-12-22<i class="to">至</i>2017-12-22</p>
							</div>
							<i class="hongbaoblock-tip"></i>
						</li>
						<li class="hongbaoblock">
							<div class="hongbaoblock-count">
								<span class="hongbaoblock-amount">
									<span class="icon-hongbaoblock-amount"></span>
									<em>7</em><em>.0</em>
								</span>
								<p class="hongbaoblock-condition">满45元可用</p>
							</div>
							<h3 class="hongbaoblock-name">食不可挡</h3>
							<div class="hongbaoblock-intro">
								<p>仅限手机客户端使用</p>
								<p class="weihao">限尾号1167&nbsp;的手机使用</p>
								<p class="riqi">2017-12-22<i class="to">至</i>2017-12-22</p>
							</div>
							<i class="hongbaoblock-tip"></i>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>

</html>